<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <script src="../vue.js"></script>
  </head>

  <body>
    <div id="app">
      请选择你喜欢的食物:
      <select v-model="likeFood">
        <option value="螺蛳粉">螺蛳粉</option>
        <option value="卤煮">卤煮</option>
        <option value="豆汁">豆汁</option>
        <option value="刺身">刺身</option>
      </select>

      请选择你喜欢的学科:
      <select v-model="likeClass" multiple>
        <option value="vue2">vue2</option>
        <option value="vue基础">vue基础</option>
        <option value="vue项目">vue项目</option>
        <option value="vue3">vue3</option>
      </select>
    </div>
    <script>
      Vue.config.productionTip = false;

      const vm = new Vue({
        el: "#app",
        data() {
          return {
            likeFood: "",
            likeClass: [],
          };
        },
      });
    </script>
  </body>
</html>
